<template>
    <div>
        <button @click="showPopup">新建</button>
        <van-popup v-model="show" position="bottom" :style="{ height: '30%' }">
          <div>
            <input placeholder="请输入新建收藏夹名称">
            <p>
              <button @click="hidePopup">取消</button>
              <button>确认</button>
            </p>
          </div>
        </van-popup>
    </div>
</template>

<script>


export default {
    name:'Tc',
    data() {
      return {
      show: false,
    };
  },
  components:{
    
  },
  methods: {
    showPopup() {
      this.show = true;
    },
    hidePopup(){
      this.show = false;
    }
  },

}
</script>

<style>

</style>